
<div class="search-shade"></div> <!-- 遮罩层样式 -->
<div class="search-box">
    <div class="index-content padding-top-40" style="width:1000px;margin:0 auto;">
        <div class="logo">
            <a href="/"><img style="height:60px;" src="__ROOT__/static/index/img/logo1.png"></a>
        </div>
        <div class="pull-left">
            <div class="search-nav">
                <ul class="search-list">
                    <li data-type="work" class="selected">协会工作</li>
                    <li data-type="notice">培训通知</li>
                    <li data-type="news">行业动态</li>
                </ul>
            </div>
            <div class="search-container">
                <form name="search-form" action="/search.html" method="get">
                    <input type="hidden" name="search-type" value="work" />
                    <input name="search-keyword" placeholder="请输入您要搜索的关键字" type="text" />
                    <span id="btn-search" class="font-s20 nav-icon padding-left-20 fa fa-search"></span>
                    <span id="btn-close" class="font-s20 nav-icon padding-left-20 fa fa-close"></span>
                </form>
            </div>
        </div>
    </div>
</div> <!-- 搜索框 -->